@charset "utf-8";
@import "./_reset";

@function r($px){
	@return $px / 50 * 1rem
}
//中部内容
.section_content{
	position: fixed;
	left: 0;
	right: 0;
	top: r(89);
	bottom: r(96);
	overflow: auto;
	//顶部轮播图
	.sour_bg{
		width: 100%;
		height: r(320);
		position: relative;
		margin-bottom: r(23);
		img{
			width: 100%;
			height: r(307);
		}
		.hid{
			width: 100%;
			height: r(90);
			background-color: rgba(0,0,0,0.4);
			position: absolute;
			right: 0;
			bottom: 0;
			color: white;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			padding: 0 0 r(20);
			
			.left_hid{
				margin-left: r(28);
				span{
					font-size: r(26);
				}
				p{
					font-size: r(22);
				}
			}
			.right_hid{
				margin-right: r(28);
				i,span{
					vertical-align: middle;
				}
			}
		}
	}
	//新闻列表
	.sour_list{
		width: r(584);
		height: r(173);
		// background-color: gray;
		margin: 0 auto;
		border-bottom: 1px solid #c5c5c5;
		margin-bottom: r(38);
		//列表左边图片
		.left_box{
			width: r(209);
			height: r(142);
			img{
				width: 100%;
				height: 100%;
			}
		}
		//列表右边内容
		.right_box{
			width: r(358);
			height: r(142);
			h1{
				font-size: r(28);
				margin-bottom: r(10);
			}
			p{
				font-size: r(22);
				margin-bottom: r(10);
				color: #c9c9c9;
				i,span{
					vertical-align: middle;
				}
			}
			.date_list{
				text-align: right;
				margin-bottom:0;
				color: #939393;
			}
		}
	}
	.sour_load{
		text-align: center;
		color: #c9c9c9;
		height: r(50);
	}
}